﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">

<title>重庆大学计算机学院</title>

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">


<!-- Custom styles for this template -->
<link href="assets/css/main.css" rel="stylesheet">

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="assets/js/hover.zoom.js"></script>
<script src="assets/js/hover.zoom.conf.js"></script>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

<script type="text/javascript">
    function updateContent() 
	{
		$.ajax({
			url : "updateContent.json",
			type : "post",
			data : {
				contentType : "contact",
				content : $("#content").val(),
				name : $("#name").val(),
				email : $("#email").val(),
				title : $("#title").val()
			},
			//请求成功后的回调函数
			success : function(result) 
			{
				switch(result.status)
				{
					case 0:
						alert("感谢你的反馈！");
						break;
				}
			}
		});
	}
    </script>

</head>

<body>

	<!-- Static navbar -->
	<div class="navbar navbar-inverse navbar-static-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="Home.html">计算机学院</a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav navbar-right">
					<li><a href="CollegeNews.html">学院新闻</a></li>
					<li><a href="CollegeProfile.html">学院简介</a></li>
					<li><a href="PartyNews.html">党建新闻</a></li>
					<li><a href="StudyNews.html">教学动态</a></li>
					<li><a href="TeacherInfo.html">师资团队</a></li>
					<li><a href="AcademicNews.html">学术动态</a></li>
					<li><a href="Suggestion.html">建议和意见</a></li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>


	<!-- +++++ Contact Section +++++ -->

	<div class="container pt">
		<div class="row mt">
			<div class="col-lg-6 col-lg-offset-3 centered">
				<h3>联系我们</h3>
				<hr>
				<p>欢迎各位老师和同学给我们提出宝贵的意见</p>
			</div>
		</div>
		<div class="row mt">
			<div class="col-lg-8 col-lg-offset-2">
				<form role="form" action="">
					<div class="form-group">
						<input type="text" class="form-control" id="name"
							placeholder="姓名"> <br>
					</div>
					<div class="form-group">
						<input type="email" class="form-control" id="email"
							placeholder="电子邮箱"> <br>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" id="title"
							placeholder="主题"> <br>
					</div>
					<textarea id="content" class="form-control" rows="6"
						placeholder="意见内容"></textarea>
					<br>
					<button type="button" onclick="updateContent()" class="btn btn-success">确认</button>
				</form>
			</div>
		</div>
		<!-- /row -->
	</div>
	<!-- /container -->


	<!-- +++++ Footer Section +++++ -->

	<div id="footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-4">
					<h4>我的地址</h4>
					<p>
						重庆市沙坪坝区沙正街174号 <br /> 重庆大学计算机学院<br /> 邮政编码：400044<br />
					</p>
				</div>
				<!-- /col-lg-4 -->



				<div class="col-lg-4">
					<br />
					<br />
					<br />
					<p>欢迎大家报考计算机学院</p>
				</div>
				<!-- /col-lg-4 -->

				<div class="col-lg-4">
					<h4>My Links</h4>
					<p>
						<a href="#">重庆大学研究生院</a><br /> <a href="#">图书馆</a><br /> <a
							href="#">信息门户</a>
					</p>
				</div>
				<!-- /col-lg-4 -->

			</div>

		</div>
	</div>


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>
